<template>
  <div>
    <el-card class="box-card">

    <div class="text item">
			
				<el-card class="box-card">
					<div slot="header" class="clearfix">
						<span class="texts">产品参数</span>
						
					</div>
					<div class="text item">
						商品产地：{{productParams.productPlace}}
					</div>
					<div class="text item">
						商品保质期：{{productParams.footPeriod}}
					</div>
					<div class="text item">
						品牌名：{{productParams.brand}}
					</div>
					<div class="text item">
						生产工厂，厂名：{{productParams.factoryName}}
					</div>
					<div class="text item">
						生产工厂，厂址： {{productParams.factoryAddress}}
					</div>
					<div class="text item">
						包装方式： {{productParams.packagingMethod}}
					</div>
					<div class="text item">
						规格重量： {{productParams.weight}}
					</div>
					<div class="text item">
						储存方式： {{productParams.storageMethod}}
					</div>
					<div class="text item" >
						食用方式： {{productParams.eatMethod}}
					</div>
				</el-card>
			
    </div>
    </el-card>
  </div>
</template>

<script>
// import axios from 'axios'
import http from "../../core/HttpRequest"
export default {
	data(){
		return {
			productParams: ''
		}
	},
	mounted: function(){
		// this.productParams = JSON.parse(this.$route.query.particulars)
		let id = this.$route.query.particulars
		console.log(id)
		http.get('/product/particulars',{
			params: {
				productId: id
			}
		}).then(res => {
			console.log(res.data.data)
			this.productParams = res.data.data	
		})
		// console.log(this.$route.query.particulars)
		// console.log(this.productParams)
	}
}
</script>

<style>
  .text {
    font-size: 16px;
  }
  .texts {
	font-weight: 900;
    font-size: 24px;
  }
</style>